@charset "UTF-8";

/*
information{
	file name : /css/styles/bascdesign.css;
}
*/

/* contents
--------------------------------------------------------------------------
1. body
--------------------------------------------------------------------------
*/

/* 1. [flame]html
-----------------------------------------------	*/
html {
	height: 100%;
}

/* 1. [flame]body
-----------------------------------------------	*/
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	font-family :宋体,SimSun,'MS Song','MS Mincho',serif;
	font-size: 80%;
	color: #333333;
}

/* 1. [flame] #portal-header
-----------------------------------------------	*/
#portal-header {
    width: 100%;
    padding: 0;
    background-image: url("background_header.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #fef8ef;
}

#portal-header div {
    width: 950px;
    min-height: 1px;
    margin: auto;
    padding: 0;
}

#portal-header div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #portal-header div {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#portal-siteactions {
    float: right;
    margin: 20px 0;
    padding: 0;
}

#portal-siteactions li#siteaction-sitemap,
#portal-siteactions li#siteaction-accessibility,
#portal-siteactions li#siteaction-contact {
    margin: 0;
    padding: 0;
}

#portal-siteactions li#siteaction-sitemap a,
#portal-siteactions li#siteaction-accessibility a,
#portal-siteactions li#siteaction-contact a {
    margin: 0;
    padding: 0 1em 0 1.3em;
    border: 0;
    background-image: url("icon_arrow_right_orange.gif");
    background-repeat: no-repeat;
    background-position: 0 0.1em;
    background-color:transparent;
    color: #fe6001;
}

#portal-siteactions li#siteaction-sitemap a:hover,
#portal-siteactions li#siteaction-accessibility a:hover,
#portal-siteactions li#siteaction-contact a:hover {
    margin: 0;
    padding: 0 1em 0 1.3em;
    border: 0;
    background-image: url("icon_arrow_right_orange.gif");
    background-repeat: no-repeat;
    background-position: 0 0.1em;
    background-color:transparent;
    border: 0;
    color: #fe6001;
}


/* 1. [flame] #portal-searchbox
-----------------------------------------------	*/
#portal-searchbox input#searchGadget {
    margin: 13px 0 10px 0;
    border: 1px solid #cbcaca;
}

#portal-searchbox input.searchButton {
    margin: 0;
    padding: 3px 5px;
    border: 0;
    background-image: none;
    background-color: #fe6001;
    color: #FFFFFF;
}

/* 1. [flame] #site-logo
-----------------------------------------------	*/
div#site-logo {
    width: 450px;
    position: relative;
    margin: 0;
}

#site-logo a {
    width: 450px;
    text-decoration: none;
}

#site-logo span.logo {
    position: absolute;
    top: -20px;
    left: 0;
    display: block;
    width: 450px;
    text-align: left;
}

#site-logo span.site_id {
    display: block;
    margin: 20px 0 0 90px;
    font-family :MingLiU, 'MS UI Gothic', sans-serif;
    color: #333333;
    font-weight: bold;
    font-size: 180%;
}


#site-logo span.site_id span.en {
    color: #696969;
    font-weight: normal;
    font-size: 60%;
}

/* 1. [flame] #globalnav-wrapper
-----------------------------------------------	*/
#globalnav-wrapper {
    width: 100%;
    padding: 12px 0 8px 0;
    background-image: url("background_globalnavi.gif");
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #f07904;
}

#globalnav-wrapper ul {
    width: 950px;
    margin: auto;
    font-family :MingLiU, 'MS UI Gothic', sans-serif;
}

#globalnav-wrapper ul li {
    width: 90px;
    padding: 0 5px;
    margin:0;
    border: 0;
    background-image: url("kei_globalnavi.gif");
    background-repeat: repeat-y;
    background-position: left top;
    text-align: center;
    font-size: 100%;
}

#globalnav-wrapper ul li a {
    margin: 0;
    padding: 5px;
    border: 0;
    background-image: none;
    color: #FFFFFF;
}

#globalnav-wrapper ul li a:hover {
    border: 0;
    background-color: #8f5a30;
    color: #FFFFFF;
}

#globalnav-wrapper ul li.selected a {
    border: 0;
    background-color: #8f5a30;
    color: #FFFFFF;
}

#globalnav-wrapper ul li#portaltab-index_html {
    border: 0;
    margin-left: 80px;
    background-image: none;
}

#globalnav-wrapper ul li ul {
    width: 180px;
    text-align: left;
    border: 0;
}

#globalnav-wrapper ul li ul li {
    width: auto;
    padding: 0;
    margin:0;
    border: 0;
    background-image: none;
    text-align: center;
    font-size: 80%;
}

#globalnav-wrapper ul li ul li a {
    margin: 0;
    padding: 5px;
    border: 0;
    background-image: url("background_globalnavi_2nd.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #fcd389;
    color: #703a01;
    text-align: left;
}

#globalnav-wrapper ul li ul li a:hover {
    margin: 0;
    padding: 5px;
    border: 0;
    background-image: url("background_globalnavi_2nd_r.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #fcca89;
    color: #703a01;
    text-align: left;
}

/* 1. [flame] #portal-breadcrumbs
-----------------------------------------------	*/
#portal-breadcrumbs {
    width: 100%;
    padding: 11px 0 6px 0;
    border: 0;
    background-image: url("background_breadcrumbs.gif");
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #FFFFFF;
}

#portal-breadcrumbs div {
    width: 950px;
    margin: auto;
}

/* 1. [flame] table#portal-columns
-----------------------------------------------	*/
table#portal-columns {
    width: 950px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* 1. [flame] td#portal-column-one
-----------------------------------------------	*/

td#portal-column-one {
    width: 230px !important;
    margin: 0 auto;
    padding-top: 10px;
    border-right: 20px solid #FFFFFF;
}

#portal-column-one .visualPadding {
    padding:0;
}


/* 1. [flame] td#portal-column-two
-----------------------------------------------	*/
td#portal-column-two {
    width: 230px !important;
    margin: 0 auto;
    border-left: 20px solid #FFFFFF;
}


/* 1. [flame] #visual-portal-wrapper
-----------------------------------------------	*/
#visual-portal-wrapper {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #FFFFFF;
}


/* 1. [flame] #portal-footer
-----------------------------------------------	*/
#portal-footer {
    width: 100%;
    margin: 0;
    padding: 30px 0 6px 0;
    border: 0;
    background-image: url("background_footer.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #f9f9f9;
    text-align: left;
}

#portal-footer div.wrapper {
    width: 930px;
    min-height: 1px;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

#portal-footer div.wrapper:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #portal-footer div.wrapper {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#portal-footer div.wrapper ul.footNavi {
    float: left;
    width: 230px;
    background-image: url("kei_footer.gif");
    background-repeat: repeat-y;
    background-position: right top;
}

#portal-footer div.wrapper ul.footNavi li {
    margin: 0 0 0.3em 0;
    padding: 0;
}

#portal-footer div.wrapper ul.footNavi li a {
    margin: 0;
    padding: 0 1em 0 1.3em;
    border: 0;
    background-image: url("icon_arrow_right_gray.gif");
    background-repeat: no-repeat;
    background-position: 0 0.1em;
    background-color:transparent;
    border: 0;
    color: #656565;
}

#portal-footer div.wrapper address {
    float: right;
    width: 640px;
}


/* 1. [flame] #kss-spinner
-----------------------------------------------	*/
#kss-spinner,
#portal-colophon {
    background-color: #f9f9f9;
}

